//HomeView.vue
<script setup>
  import { ref, computed, onMounted, defineProps } from 'vue';
  import { useRoute } from 'vue-router'
  const route = useRoute()
  const props = defineProps({
    options:{
      type: Object,
      default:() => {}
    }
  })
//模拟数据value的字段对应Y轴，name字段对应X轴
const data = ref([])
 
const option = computed(()=>{
  return{
  title: {
    text: ''
  },
  legend: {
    ...props.options.legend,
    left: 'right'
  },
  radar: props.options.radar || {},
  series: props.options.series || [],
  grid:{
    top: '50%',
    left: 0,
    right: 0
  }
  // radar: {
  //   // shape: 'circle',
  //   indicator: [
  //     { name: 'Sales', max: 6500 },
  //     { name: 'Administration', max: 16000 },
  //     { name: 'Information Technology', max: 30000 },
  //     { name: 'Customer Support', max: 38000 },
  //     { name: 'Development', max: 52000 },
  //     { name: 'Marketing', max: 25000 }
  //   ]
  // },
  // series: [
  //   {
  //     name: 'Budget vs spending',
  //     type: 'radar',
  //     data: [
  //       {
  //         value: [4200, 3000, 20000, 35000, 50000, 18000],
  //         name: 'Allocated Budget'
  //       },
  //       {
  //         value: [5000, 14000, 28000, 26000, 42000, 21000],
  //         name: 'Actual Spending'
  //       }
  //     ]
  //   }
  // ]
  }
})
</script>
 
<template>
  <e-charts class="chart" :option="option" />
</template>
 
<style>
.chart{
  height: 400px;
}
</style>